/**
 * Created by linyi on 2019/3/8
 */
@import './colors';

// text button
.btn-text {
  border: none;
  vertical-align: middle;
  color: $primary;
  background: transparent;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  &:focus {
    outline: none;
  }

  &:hover {
    color: $secondary;
  }
}

button {
  padding: 0;
}

.commonForm {
  background: #000;
}

// 公共筛选表单
form.common-filter-form {
  position: relative;
  background: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(35, 35, 35, 0.04);
  border-radius: 4px;
  padding: 12px 210px 12px 20px;
  margin-bottom: 15px;

  .ant-form-item {
    margin-right: 40px;
    margin-bottom: 12px;

    .ant-form-item-label {
      display: block;
      text-align: left;
      line-height: 33px;

      label {
        color: #292929;
      }
    }

    .ant-form-item-control-wrapper {
      width: 260px;

      .ant-form-item-control {
        line-height: 0;
      }
    }
  }

  .form-btns {
    margin-right: 0;
    position: absolute;
    top: 45px;
    right: 0;
    text-align: right;
    padding-right: 20px;

    .ant-form-item-control-wrapper {
      width: 210px;
    }

    button + button {
      margin-left: 15px;
    }
  }

  .ant-select .ant-select-selection--multiple {
    overflow: hidden;

    .ant-select-selection__rendered {
      line-height: 0;
    }

    ul {
      margin-right: 30px;
      display: flex;
      overflow: hidden;
      flex-wrap: nowrap;

      li {
        flex-shrink: 0;
      }
    }
  }
}

// 公共结果表格
.common-result-table-box {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(35, 35, 35, 0.04);

  .crtb-header {
    color: #333333;
    padding: 17px 20px;
    line-height: 1;
  }

  .ant-table-body .ant-table-tbody td:first-child {
    position: relative;

    &:before {
      content: '';
      width: 20px;
      height: 1px;
      background: #ffffff;
      position: absolute;
      bottom: -1px;
      left: 0;
    }
  }
  .ant-table-body .ant-table-tbody td:last-child,
  .ant-table-fixed .ant-table-tbody td:last-child {
    position: relative;

    &:before {
      content: '';
      width: 20px;
      height: 1px;
      background: #ffffff;
      position: absolute;
      bottom: -1px;
      right: 0;
    }
  }

  .ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
    box-shadow: -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  }
}
